<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="l/paySecond/paySecond_01.css" />
		<link rel="stylesheet" href="l/paySecond/paySecond_02.css" />
		<link rel="stylesheet" href="l/paySecond/paySecond_03.css" />
	</head>
	<body>
		<form action="paySecond" method="post">
		<div id="app">
			<div id="header">
				<div class="hd-nav">
					<div class="container">
						<c:if test="${empty userinfos }">
							<a class="item" href="#">你好，请登录</a>
							<a class="item login" href="#">免费注册</a>
						</c:if>
						<c:if test="${not empty userinfos }">
							<a class="item" href="#">${userinfos.username},&nbsp你好</a>
							<a class="item" href="exit" style="padding-left:0px ;">退出</a>
						</c:if>
					</div>
				</div>
				<div class="hd-info">
					<div class="container clear-fix">
						<span class="hd-logo">
    					<a class="hd-logo-icon" href="#"></a>
    					<span class="hd-logo-divide"></span>
						<a class="hd-logo-text" href="#"></a>
						</span>
						<span class="hd-process">
    					<div class="hd-step">1.提交订单
    						<div class="hd-arrow-1"></div>
    					</div>
    					<div class="hd-step hd-step-active">2.确认支付
    						<div class="hd-arrow-2"></div>
    					</div>
    					<div class="hd-step">3.完成购买
    						<div class="hd-arrow-3"></div>
    					</div>
    				</span>
					</div>
				</div>
			</div>
			<div id="body" class="container clear-fix">
				<div class="cd">
					<i class="icon icon-sand"></i>
					<span class="cd-text">请在 
    				<span class="cd-time">24:00:00</span> 内完成支付, 超时订单会自动取消
					</span>
				</div>
				<div class="clear-fix"></div>
				<div class="right right-widen">
					<div class="common-tip pay-tip">
						<h3>付款遇到问题了？先看看是不是由于下面的原因。</h3>
						<ul class="pay-tip-list">
							<li>
								<h5>要求开通网上银行？</h5>
								<p>您可以联系对应银行开通网银，可以尝试使用支付宝、微信、财付通支付，或者下载大众点评APP在手机端完成支付。</p>
							</li>
							<li>
								<h5>所需支付金额超过了银行支付限额？</h5>
								<p>建议登录网上银行提高上限额度，即可轻松支付。</p>
							</li>
							<li>
								<h5>收不到银行的短信验证码？</h5>
								<p>建议重新获取短信验证码，如果还是收不到短信，直接打各银行的客服电话获取短信验证码。</p>
							</li>
							<li>
								<h5>网银页面显示错误或者空白？</h5>
								<p>建议刷新页面或更换到IE浏览器进行支付，您还可以选择支付宝、微信、财付通完成支付。</p>
							</li>
							<li>
								<h5>网上银行扣款后，大众点评订单仍显示"未付款"怎么办？</h5>
								<p>可能是由于银行的数据没有即时传输，请您不要担心，稍后刷新页面查看。如较长时间仍显示未付款，可先向银行或支付平台获取支付凭证（扣款订单号/第三方交易号），联系大众点评客服(400-820-5527)为您解决。</p>
							</li>
						</ul>
						<span class="icon icon-close pay-tip-close"></span>
						<a href="#" target="_blank">将您的问题反馈给我们</a>
					</div>
					<div class="order clear-fix">
						<span class="block-left">
						<c:forEach items="${gp}" var="gp">
    					<div class="order-name">${gp.gpshname}</div>				
    				</span>
						<span class="block-right">
    					<div class="amount">应付金额 ¥
    						<span class="amount-price">${price}</span>
					</div>
					</span>
				</div>
				<div class="payment-container">
					<div class="payment payment-0">
						<div class="payment-type">
							<ul class="payment-menu">
								<li class="payment-tab payment-tab-0" data-target="1">支付宝/财付通/微信</li>
								<li class="payment-tab payment-tab-1" data-target="0">网银支付</li>
							</ul>
							<ul class="payment-tips">
								<li>
									<a class="payment-tips-feedback" href="#" target="_blank">意见反馈</a>
								</li>
								<li>
									<span class="payment-dropdown">支付帮助
    									<span class="payment-tips-arrow"></span>
									<div class="payment-dropdown-menu">
										<div class="payment-collapse">
											<h4>
    												<span class="payment-collapse-arrow">
    													
    												</span>没有开通网上银行如何购买？</h4>
											<p>各银行已有支持无需网银的小额支付产品，可直接选择付款。或者，可选择银联在线支付或快捷支付（只支持信用卡）付款。</p>
										</div>
										<div class="payment-collapse">
											<h4>
    												<span class="payment-collapse-arrow"></span>
    												没找到我常用的网上银行？
    											</h4>
											<p>建议选择银联在线支付付款，支持超过180家银行，包括主流银行和地方银行，例如华夏银行，江苏银行，南京银行等。</p>
										</div>
										<div class="payment-collapse">
											<h4>
    												<span class="payment-collapse-arrow"></span>
    												什么是地方银行？
    											</h4>
											<p>地方银行主要指注册和经营在当地的城市商业银行、农村合作银行、村镇银行等中小金融机构，例如江苏银行，南京银行，华夏银行等。</p>
										</div>
										<div class="payment-collapse">
											<h4>
    												<span class="payment-collapse-arrow"></span>
    												无法跳转到对应的支付页面支付？
    											</h4>
											<p>建议刷新当前页面，如果没恢复正常建议重启或更换到IE浏览器。</p>
										</div>
										<div class="payment-collapse">
											<h4>
    												<span class="payment-collapse-arrow"></span>
    												网上银行扣款后，订单仍显示"未付款"怎么办？
    											</h4>
											<p>可能是由于银行的数据没有即时传输，请您不要担心，稍后刷新页面查看。如较长时间仍显示未付款，可先向银行或支付平台获取支付凭证（扣款订单号/第三方交易号），联系大众点评客服(400-820-5527)为您解决。</p>
										</div>
										<a class="payment-dropdown-more" href="#" target="_blank">更多</a>
									</div>
									</span>
								</li>
							</ul>
							<div class="payment-list payment-list-0">
								<ul class="clear-fix">
									<li>
										<input name="thirdpart_pay" id="thirdpart_pay_wxqrpay" data-type="wxqrpay" data-banktypeid="" data-bankcode=""  type="radio">
										<label class="payment-icon" for="thirdpart_pay_wxqrpay">
    										<img src="https://p1.meituan.net/pay/pc_wxqrpay.png" disabled="" alt="微信">
    									</label>
										<span class="payment-weak-tip" style="visibility:visible;"></span>
									</li>
									<li>
										<input name="thirdpart_pay" id="thirdpart_pay_tenpay" data-type="tenpay" data-banktypeid="" data-bankcode="" type="radio">
										<label class="payment-icon" for="thirdpart_pay_tenpay">
    										<img src="https://p0.meituan.net/pay/tenpay2.png" disabled="" alt="财付通">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="thirdpart_pay" id="thirdpart_pay_alipay" data-type="alipay" data-banktypeid="" checked="" data-bankcode="" type="radio">
										<label class="payment-icon" for="thirdpart_pay_alipay">
    										<img src="https://p0.meituan.net/pay/alipaypcnew.png" disabled="" alt="支付宝">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
								</ul>`
							</div>
							<div class="payment-list payment-list-1">
								<div class="payment-bank-tip">支持储蓄卡和信用卡，需要开通网银</div>
								<ul class="clear-fix">
									<li>
										<input name="b2cebank" id="b2cebank_2" data-type="alipay" data-banktypeid="2" data-bankcode="CMB" type="radio">
										<label class="payment-icon" for="b2cebank_2">
    										<img src="https://p1.meituan.net/pay/cmb.png" disabled="" alt="招商银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_1" data-type="alipay" data-banktypeid="1" data-bankcode="ICBCB2C" type="radio">
										<label class="payment-icon" for="b2cebank_1">
    										<img src="https://p1.meituan.net/pay/icbc.png" disabled="" alt="中国工商银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_3" data-type="alipay" data-banktypeid="3" data-bankcode="CCB" type="radio">
										<label class="payment-icon" for="b2cebank_3">
    										<img src="https://p1.meituan.net/pay/ccb.png" disabled="" alt="建设银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_4" data-type="alipay" data-banktypeid="4" data-bankcode="ABC" type="radio">
										<label class="payment-icon" for="b2cebank_4">
    										<img src="https://p1.meituan.net/pay/abc.png" disabled="" alt="中国农业银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_5" data-type="tenpay" data-banktypeid="5" data-bankcode="1020" type="radio">
										<label class="payment-icon" for="b2cebank_5">
    										<img src="https://p0.meituan.net/pay/boc.png" disabled="" alt="交通银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_6" data-type="alipay" data-banktypeid="6" data-bankcode="BOCB2C" type="radio">
										<label class="payment-icon" for="b2cebank_6">
    										<img src="https://p1.meituan.net/pay/bofc.png" disabled="" alt="中国银行">
    									</label>
										<span class="payment-weak-tip" style="visibility:hidden;"></span>
									</li>
									<li>
										<input name="b2cebank" id="b2cebank_7" data-type="alipay" data-banktypeid="7" data-bankcode="CIB" type="radio"><label class="payment-icon" for="b2cebank_7"><img src="https://p1.meituan.net/pay/cib.png" disabled="" alt="兴业银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_8" data-type="alipay" data-banktypeid="8" data-bankcode="CEB-DEBIT" type="radio"><label class="payment-icon" for="b2cebank_8"><img src="https://p1.meituan.net/pay/cebb.png" disabled="" alt="中国光大银行"></label><span class="payment-weak-tip" style="visibility:hidden;">若网银页面无法打开，请切换到IE浏览器重试</span></li>
									<li><input name="b2cebank" id="b2cebank_9" data-type="alipay" data-banktypeid="9" data-bankcode="SPDB" type="radio"><label class="payment-icon" for="b2cebank_9"><img src="https://p0.meituan.net/pay/spdb.png" disabled="" alt="上海浦东发展银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_10" data-type="alipay" data-banktypeid="10" data-bankcode="GDB" type="radio"><label class="payment-icon" for="b2cebank_10"><img src="https://p1.meituan.net/pay/gfyh.png" disabled="" alt="广东发展银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_11" data-type="tenpay" data-banktypeid="11" data-bankcode="1021" type="radio"><label class="payment-icon" for="b2cebank_11"><img src="https://p0.meituan.net/pay/zxyh.png" disabled="" alt="中信银行"></label><span class="payment-weak-tip" style="visibility:hidden;">若网银页面无法打开，请切换到IE浏览器重试</span></li>
									<li><input name="b2cebank" id="b2cebank_12" data-type="alipay" data-banktypeid="12" data-bankcode="CMBC" type="radio"><label class="payment-icon" for="b2cebank_12"><img src="https://p0.meituan.net/pay/cmbc.png" disabled="" alt="中国民生银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_13" data-type="alipay" data-banktypeid="13" data-bankcode="SPABANK" type="radio"><label class="payment-icon" for="b2cebank_13"><img src="https://p0.meituan.net/pay/pab_pc.png" disabled="" alt="平安银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_14" data-type="alipay" data-banktypeid="14" data-bankcode="BJBANK" type="radio"><label class="payment-icon" for="b2cebank_14"><img src="https://p0.meituan.net/pay/bob.png" disabled="" alt="北京银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_15" data-type="tenpay" data-banktypeid="15" data-bankcode="" type="radio"><label class="payment-icon" for="b2cebank_15"><img src="https://p0.meituan.net/pay/bjrcb.png" disabled="" alt="北京农商银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_16" data-type="alipay" data-banktypeid="16" data-bankcode="PSBC-DEBIT" type="radio"><label class="payment-icon" for="b2cebank_16"><img src="https://p1.meituan.net/pay/pspc.png" disabled="" alt="中国邮政储蓄"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_17" data-type="alipay" data-banktypeid="17" data-bankcode="SHRCB" type="radio"><label class="payment-icon" for="b2cebank_17"><img src="https://p1.meituan.net/pay/shrcb.png" disabled="" alt="上海农商银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
									<li><input name="b2cebank" id="b2cebank_18" data-type="tenpay" data-banktypeid="18" data-bankcode="" type="radio"><label class="payment-icon" for="b2cebank_18"><img src="https://p1.meituan.net/pay/hzcb.png" disabled="" alt="杭州银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
								</ul>
							</div>
						</div>
						<div class="payment-submit-area clear-fix">
							<div class="amount">支付 ¥ <span class="amount-price">${price}</span></div>
							<div class="payment-submit">
								<a class="btn"  id="${gp.gpid}">去付款</a>
							</div>
							</c:forEach>
							<div class="payment-back">
								<a>返回修改订单</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="ft-site">
				<div class="container">
					<span class="ft-site-info ft-site-service ft-site-service-first">
				<a href="tel:4008205527">
					<i class="ft-sprite ft-phone"></i>
					<span class="ft-site-service-info">
						<h4>客服电话</h4>
						<div class="ft-phone-number">400-820-5527</div>
					</span>
					</a>
					<a href="#" target="_blank">
						<i class="ft-sprite ft-mail"></i>
						<span class="ft-site-service-info">
						<h4>站务论坛</h4>
						<div>让我们倾听你的声音</div>
					</span>
					</a>
					</span>
					<span class="ft-site-info ft-site-service">
				<a href="#" target="_blank">
					<i class="ft-sprite ft-hand"></i>
					<span class="ft-site-service-info">
						<h4>商务合作</h4>
						<div>在点评组织团购</div>
					</span>
					</a>
					<a href="#" target="_blank">
						<i class="ft-sprite ft-person"></i>
						<span class="ft-site-service-info">
						<h4>在线客服</h4>
						<div class="ft-question">立即提问</div>
					</span>
					</a>
					</span>
					<span class="ft-site-info">
				<h3>用户帮助</h3>
				<ul>
					<li>
						<a href="#" target="_blank" rel="nofollow">如何使用</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">常见问题</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">点评团承诺</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">邮箱白名单设置</a>
					</li>
				</ul>
			</span>
					<span class="ft-site-info">
				<h3>获得更新</h3>
				<ul>
					<li>
						<a href="#" target="_blank" rel="nofollow">点评团新浪微博</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">点评团QQ空间</a>
					</li>
				</ul>
			</span>
					<span class="ft-site-info">
				<h3>商户合作</h3>
				<ul>
					<li>
						<a href="#" target="_blank" rel="nofollow">团购合作</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">开发者</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">开放API</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">友情链接</a>
					</li>
				</ul>
			</span>
					<span class="ft-site-info">
				<h3>公司信息</h3>
				<ul>
					<li>
						<a href="#" target="_blank" rel="nofollow">关于我们</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">联系我们</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">团购用户协议</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">人才招聘</a>
					</li>
					<li>
						<a href="#" target="_blank" rel="nofollow">媒体报道</a>
					</li>
				</ul>
			</span>
				</div>
			</div>
			<div class="ft-copyright">增值电信业务经营许可证：沪B2-20040012 &nbsp;&nbsp;&nbsp;&nbsp; 互联网地图服务资质：乙测资字31202063</div>
			<div class="ft-cert">
				<a href="#" class="ft-cert-1" target="_blank"></a>
				<a href="#" class="ft-cert-2" target="_blank" rel="nofollow"></a>
				<a href="#" class="ft-cert-3" target="_blank" rel="nofollow"></a>
				<a href="javascript:void(0)" class="ft-cert-4" target="_blank" rel="nofollow"></a>
				<a href="#" class="ft-cert-5" target="_blank" rel="nofollow"></a>
				<a href="javascript:void(0)" class="ft-cert-6" target="_blank" rel="nofollow"></a>
			</div>
		</div>
		<div id="modal"></div>
		</form>
		<!--[if lte IE 8]>
        <script src="./js/lib/ie8-shim.min.3llwhr.js"></script>
    <![endif]-->
		<!--[if lte IE 7]>
        <script src="./js/lib/ie6-shim.min.AWwQE.js"></script>
    <![endif]-->
		<!--<script src="./page/index.1zxMCc.js"></script>-->

		<!--[if lte IE 9]>
        <script src="./js/lib/ie9-shim.min.2CKSCH.js"></script>
    <![endif]-->
		<script type="text/javascript" src="l/lib/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="l/paySecond/paySecond.js"></script>
	</body>
</html>